<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%		
	request.setCharacterEncoding("UTF-8");
	response.setContentType("text/html;charset=UTF-8");
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%	
	
	String path = request.getContextPath();
%>
<html>
<head>

		<meta charset="utf-8" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0"/>
		<title>抱走宝山报名</title>
		<link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css" />
		<link rel="stylesheet" href="<%=path%>/css/validationEngine.jquery.css" />
		<link rel="stylesheet" type="text/css" href="<%=path%>/css/ylj.css"/>
</head>
<body>
	<div class="bg"></div>
		<div class="pic"><img src="<%=path%>/img/titlex.png"/></div>
		<div class="bd">
			<div class="xsa">
			    <p class="pred">*家庭组最少报名2位选手最多报名6位选手</p>
			    <c:if test="${userList.size()>0}">
				<p class="pyi">已报名选手:</p>
				<ul class="readyx">
					<c:if test="${applyType=='fa' }">
						<c:forEach items="${userList}" var="list" varStatus="s">
							<li><span class="mc">${list.name}</span> 
							<span class="mun">${list.cerNumber}</span> <a
								href="<%=path%>/user/toUpdateUser?index=${s.index}" class="xg">修改</a></li>
	
						</c:forEach>
					</c:if>
				</ul>
				</c:if>
				<p class="text-center pl" style="border-bottom: none;">你还可以报名<span><c:out value="${6-userList.size()}"></c:out></span>位选手</p>
				<a href="<%=path%>/choose/add" class="btu btu-x" id="addF">新增报名</a>
				<a href="<%=path%>/user/fSubmit" class="btu btu-x" id="subf">提交报名</a>
												
			</div>
			
			
		</div>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery.validationEngine.js"></script>
	<script type="text/javascript" src="<%=path%>/js/jquery.validationEngine-zh_CN.js"></script>
	<script>
		//微信jssdk config
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '${appid}', // 必填，公众号的唯一标识
    timestamp: '${timestamp}', // 必填，生成签名的时间戳
    nonceStr: '${noncestr}', // 必填，生成签名的随机串
    signature: '${signature}',// 必填，签名，见附录1
    jsApiList: [
                'checkJsApi',  //判断当前客户端版本是否支持指定JS接口
                'onMenuShareTimeline', //分享给好友
                'onMenuShareAppMessage', //分享到朋友圈
                'onMenuShareQQ',  //分享到QQ
                'onMenuShareWeibo' //分享到微博
         ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
		wx.ready(function () {   //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
			wx.onMenuShareTimeline({  //分享到朋友圈的API  
			   title: '抱走宝山挑战赛', // 分享标题
			   link: 'http://run.xuanzhen-tech.com/wx_project/user/toRight.html', // 分享链接
			   imgUrl: 'http://run.xuanzhen-tech.com/wx_project/WebContent/img/titlex.png', // 分享图标
			   success: function () {
			       // 用户确认分享后执行的回调函数
			   },
			   cancel: function () {
			       // 用户取消分享后执行的回调函数
			   }
				});
			wx.onMenuShareAppMessage({//分享到朋友 
			    title: '抱走宝山', // 分享标题
			    desc: '抱走宝山挑战赛火热报名中', // 分享描述
			    link: 'http://run.xuanzhen-tech.com/wx_project/user/toRight.html', // 分享链接
			    imgUrl: 'http://run.xuanzhen-tech.com/wx_project/WebContent/img/titlex.png', // 分享图标
			    type: 'link', // 分享类型,music、video或link，不填默认为link
			    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
			    success: function () { 
			        // 用户确认分享后执行的回调函数
			    },
			    cancel: function () { 
			        // 用户取消分享后执行的回调函数
			    }
			});
		});	
			wx.error(function (res) {
			// alert(res.errMsg);  //打印错误消息。及把 debug:false,设置为debug:ture就可以直接在网页上看到弹出的错误提示
			});
		var msg="";
		msg="${message}";
		var list = 0;
		var list = "${userList.size()}";
		$('document').ready(function() {
	/* 		alert('signature:${signature}'); */
			$("#subf").click(function() {
				if (list < 2) {
					alert("报名人数不足");
					return false;
				}
			});
			$("#addF").click(function() {
				if (list >= 6) {
					alert("报名人数已满，请提交");
					return false;
				}
			});
		});
		
	</script>
</body>
</html>